<template>
  <div class="home">
    <p>{{ msg }}</p>
    <button @click="changeMsg">改变数据</button>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  name: 'HomeView',
  components: {
  },
  setup() {
    // 1.ref使数据成为响应式
    let msg = ref('小红');
    console.log(msg);
    let changeMsg = () => {
      // 2.使用数据时要加上.vlaue方法
      msg.value = '改变小红';
      console.log('改变数据' + msg.value);
    }

    return {
      msg,
      changeMsg
    }

  }

}
</script>
